<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>>影院热映大片_热映电影票房_高清电影影视大全-杰杰电影</title>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/jiejie_logo_s.png">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/head.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css">
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
</head>
<body>

<!-- 头部导航 -->
<div class="header">
    <div class="header-inner">
        <div class="nav">
            <!-- logo -->
            <div class="logo">
                <a href=""><img src="img/jiejie_logo.png" alt=""></a>
            </div>
            <div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/films.jsp">电影</a></div>
                <div class="menu-item"><a href="${pageContext.request.contextPath}/pages/cinema.jsp">影院</a></div>
                <div class="menu-item" id="bangdan"><a href="${pageContext.request.contextPath}/pages/BangDan.jsp">榜单</a></div>
            </div>

            <form action="query" method="get" >
                <div class="search-form">
                    <input type="text" class="search-text" name="movieName" value="${movieName}">
                    <input type="hidden"  name="pageNum" value="1">
                    <button class="search-img" type="submit"></button>
                </div>
            </form>
            <div class="head-user">
                <a href="pages/login.jsp" class="loginBtn">登录</a>
                <a href="pages/regist.jsp" class="loginBtn">注册</a>
            </div>
            <div class="user-info">
                <div class="user-avatar has-login">
                    <img src="${pageContext.request.contextPath}/img/touxiang.png">
                    <ul class="user-menu yes-login-menu">
                        <li class="text"><a href="pages/profile_msg.html">我的订单</a></li>
                        <li class="text"><a href="">基本信息</a></li>
                        <li class="text"><a href="">退出登录</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 避免下面的块上移 -->
<div class="header-m"></div>

<div class="index">


    <%--    优惠券--%>
    <div class="mod-title">
        <%--        <h2>优惠券领取</h2>--%>
        <%--        <button id="comment-entry">领券</button>--%>
        <div id="myModal">
            <!--弹窗头部-->
            <div class="modal">
                <div class="modal-header">
                    <p>快来领取优惠券</p>
                    <span class="close">&times;</span>
                </div>
                <!--弹窗文本-->
                <div class="modal-content">
                    <div class="order-box">
                        <div class="order-header">
                            <span class="couId"></span>
                            <%--                            <span class="order-id">优惠卷码：21898176649</span>--%>
                            <img src="img/profile_coupon_logo.png" alt="">
                        </div>
                    </div>
                </div>
                <!--弹窗底部-->
                <div class="modal-footer">
                    <button class="fabuBtn" style="display:block;margin:0 auto">领取</button>
                </div>
            </div>
        </div>
    </div>




    <!-- 轮播图 -->
    <div class="layui-carousel" id="test1">
        <div carousel-item >
            <div><a class="lunbotu1"></a></div>
            <div><a class="lunbotu2"></a></div>
            <div><a class="lunbotu3"></a></div>
        </div>
    </div>




    <!-- 正在热映 -->
    <div class="hot_movie">
        <h2>
            正在热映(20部)
            <a href="">全部></a>
        </h2>

        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/index_quebangongzhu.png" alt="">

            <div class="movieId">
                <p>明日战纪</p>
            </div>
            <div class="movie-score">
                <i>9.1</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/index_quebangongzhu.png" alt="">

            <div class="movieId">
                <p>独行月球</p>
            </div>
            <div class="movie-score">
                <i>9.3</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="movie-score">
                <i>8.9</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/index_quebangongzhu.png" alt="">

            <div class="movieId">
                <p>雀斑公主</p>
            </div>
            <div class="movie-score">
                <i>9.0</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <!-- 正在热映第二排 -->
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/index_wodefefanfumu.jpg" alt="">

            <div class="movieId">
                <p>隐入尘烟</p>
            </div>
            <div class="movie-score">
                <i>9.2</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="movie-score">
                <i>8.9</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/index_wodefefanfumu.jpg" alt="">

            <div class="movieId">
                <p>我的非凡父母</p>
            </div>
            <div class="movie-score">
                <i>9.3</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
        <div class="movie">
            <a href="" class="a1"></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="movie-score">
                <i>8.9</i>
            </div>
            <div class="goupiao">
                <a href="">购票</a>
            </div>
        </div>
    </div>


    <!--  右边部分 在正在热映右边float：right；-->
    <div class="right-mov">
        <div class="today_sort">
            <h2>今日票房</h2>
        </div>
        <a href="" class="today_first">
            <div class="to_image">
                <i></i>
            </div>
            <div class="to_mov_name">
                <div class="to_mov_name1">
                    <span>新神榜:&nbsp;杨戬</span>
                    <div class="to_mov_num">
                        <span>1062.52</span>
                        <span>万</span>
                    </div>
                </div>
            </div>
        </a>

        <a href="" class="to_second">
       <span class="tow">
        <i>2</i>
        <span>&nbsp;&nbsp;</span>
        <a href="url2">
            <span>独行月球</span>
        </a>

       </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>3</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>4</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>5</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>6</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>7</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>8</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>9</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>

        <a href="" class="to_second">
        <span class="tow">
         <i>10</i>
         <span>&nbsp;&nbsp;</span>
         <span>独行月球</span>
        </span>
            <div class="to_sec_name">
                <span>1062.52</span>
                <span>万</span>
            </div>
        </a>
    </div>



    <!-- 即将上映 -->
    <div class="future_movie">
        <h2>
            即将上映
            <a href="">全部></a>
        </h2>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>

            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>

            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>

            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>

            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>

            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>

        <div class="fmovie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="movieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>

            <div class="yu">
                <div class="wantwatch">
                    <span>36071</span>
                    <span>人想看</span>
                </div>
                <a href="">预告片</a>
                <a href="">预售</a>
            </div>
            <div class="sy_riqi">
                <i>9</i>
                <span>月</span>
                <i>2</i>
                <span>号上映</span>
            </div>
        </div>
    </div>
    <!-- 热播电影 -->
    <!-- <div class="rebo_mov">
        <h2>
            <span>热播电影</span>
            <div class="rebo_fenlei">
                <a href="" class="love">爱情</a>
                <a href="">喜剧</a>
                <a href="">动作</a>
                <a href="">恐怖</a>
                <a href="">动画</a>
                <a href="">全部></a>
            </div>
        </h2>

        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>
        <div class="removie">
            <a href=""></a>
            <img src="img/xinshenbang_yangjian.jpg" alt="">

            <div class="removieId">
                <p>新神榜:&nbsp;杨戬</p>
            </div>
            <div class="removie-score">
                <i>8.9</i>
            </div>
        </div>

    </div>    -->




<%--</div>--%>

<%--<div class="button_images">--%>

<%--</div>--%>


<script src="${pageContext.request.contextPath}/js/index.js"></script>
<script src="${pageContext.request.contextPath}/layui/layui.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1'
            ,width: '100%' //设置容器宽度
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
</body>
</html>